<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$config.site_name}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="keywords" content="{$config.site_keywords|escape:html}" />
<meta name="description" content="{$config.site_description|escape:html}" />
<link rel="stylesheet" href="templates/{$config.site_template}/style.css" />
<script type="text/javascript" src="scripts/jquery.js"></script>
</head>
<body class="home">
{include file="header.html"}
<div id="middle">
        <div class="slide">
            <div class="window">
                <div style="width:{$imgswidth}px;" class="image_reel">
                        {foreach from=$imgs item=img}
                        <img src="uploads/{$img}" alt=""/>
                        {/foreach}
                </div>
            </div>
            <div style="display: block;" class="paging">
                {foreach name=imgcount from=$imgs item=img}
                {if $smarty.foreach.imgcount.iteration==1}
                <a class="active" href="#" rel="{$smarty.foreach.imgcount.iteration}">{$smarty.foreach.imgcount.iteration}</a>
                {else}
                <a href="#" rel="{$smarty.foreach.imgcount.iteration}">{$smarty.foreach.imgcount.iteration}</a>
                {/if}
                {/foreach}
            </div>
        </div>
<style>
.slide {position: relative;height:251px;}
/*--Window/Masking Styles--*/
.window {height:251px;width: 960px;overflow: hidden;position: relative;}
.image_reel {position: absolute;top: 0; left: 0;}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {position: absolute;bottom: 10px; right: -7px;width: 178px; height:47px;z-index: 100;text-align: center;line-height: 40px;background: url(images/slide/paging_bg2.png) no-repeat;display: none; }
.paging a {padding: 5px;text-decoration: none;color: #fff;}
.paging a.active {font-weight: bold;background: #920000;border: 1px solid #610000;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
.paging a:hover {font-weight: bold;}
</style>
<script>
    $(".paging").show();
    $(".paging a:first").addClass("active");
    var imageWidth = $(".window").width(), imageSum = $(".image_reel img").size(), imageReelWidth = imageWidth * imageSum;
    $(".image_reel").css({'width' : imageReelWidth});
    rotate = function(){
            var triggerID = act.attr("rel") - 1, image_reelPosition = triggerID * imageWidth;
            $(".paging a").removeClass('active');
            act.addClass('active');
            $(".image_reel").animate({left: -image_reelPosition}, 500 );
    };
    rotateSwitch = function(){
            play = setInterval(function(){
                    act = $('.paging a.active').next();
                    if ( act.length === 0) {act = $('.paging a:first');}
                    rotate();
            }, 5000);
    };
    rotateSwitch();
    $(".image_reel a").hover(function() {clearInterval(play); },function() {rotateSwitch();});
    $(".paging a").click(function() { act = $(this); clearInterval(play); rotate(); rotateSwitch(); return false;});
</script>

<table width="100%" class="part1">
    <tr>
{foreach from=$product_cate item=procate}
<td><div class="box">
    <h3><a href="{$procate.url}">{$procate.title}</a></h3>
    <p><a href="{$procate.url}"><img src="{$procate.img}"/></a><br/>{$procate.content}</p>
    </div>
</td>
{/foreach}
</tr>
</table>

<div class="part2">
    <div class="hd">
        <h3> 案例展示 <em>Showcase</em></h3>
        <ul id="tab1" class="r">
            {foreach from=$anliname item=name name=zhanshi}
            <li onclick="setTab('one',{$smarty.foreach.zhanshi.iteration})" id="one{$smarty.foreach.zhanshi.iteration}">{$name.category_name}</li>
            {/foreach}
        </ul>
    </div>
    <table width="100%" cellpadding="0" cellspacing="0">
        {foreach from=$anlis item=anli name=show}
        <tr id="con_one_{$smarty.foreach.show.iteration}">
            {foreach from=$anli item=one}
            <td>
                <a class="box" href="content.php?id={$one.content_id}" target="blank"><img src="uploads/{$one.content_thumb}"/><h3>{$one.content_title}</h3>{$one.content_description}</a>
            </td>
             {/foreach}
        </tr>
        {/foreach}
    </table>
</div>
<script>
$(function(){
    $('.part1 .box').hover(
        function(){
            $(this).find('img').stop(true).animate({opacity:'.5'},500);
        }
        ,function(){
            $(this).find('img').stop(true).animate({opacity:'1'},500);
        }
    );
    $('.part2 .box').hover(
        function(){
            $(this).css({background:'#951A12',color:'#fff'});
        }
        ,function(){
            $(this).css({background:'#fff',color:'#555'});
        }
    );
});
</script>
<table width="100%" cellpadding="0" cellspacing="0" class="part3">
    <tr class="hd">
        <td width="35%">&nbsp;&nbsp;关于我们 <em>About Us</em></td>
        <td>&nbsp;&nbsp;资讯动态 <em>News</em></td>
    </tr>
    <tr>
        <td><div class="bd">
            <p style="text-indent:25px">清晨广告策划有限公司是一家品牌策划、创意设计、执行为一体的综合性广告设计公司，主要专注于平面设计、包装设计、整合推广、媒介编辑、公关活动策划、物料制作、网站制作、等多种业务于一体的专业广告公司，为广告客户提供品牌和项目代理优质服务。
公司秉承“团结、求实、创新、进取、诚信、高效”的经营理念，以创意和专业服务为宗旨。凭借优良的专业团队精神，通过美学、传播学的创造性结合，有效的传达客户信息和公司企业文化，帮助客户开拓广阔的市场空间。</p>
        </div>
        </td>
        <td>
            <div class="new">
                <a href="{$newsone.url}"><img src="{$newsone.img}"/></a>
            </div>
            <ul class="list bd">
    {foreach from=$news_index item=news}
                <li><a class="gray" href="{$news.cate_url}">[ {$news.cate} ]</a> <a href="{$news.url}">{$news.title}</a> <span class="date">{$news.date}</span></li>
    {/foreach}
            </ul>
        </td>
    </tr>
</table>

<div class="part4">
    <div id="links">
    <ul>
{if $link}
{foreach from=$link item=link}
    <li><a href="{$link.url}" target="_blank" title="{$link.text}">{if $link.logo}<img src="uploads/{$link.logo}" alt=""/>{else}{$link.name}{/if}</a></li>
{/foreach}
{/if}
    </ul>
    </div>
</div>
<script src="scripts/jquery.marquee.js" type="text/javascript"></script>
<script>$('#links').marquee();</script>
<div class="clear"></div>
</div>
{include file="footer.html"}
</body>
</html>
